<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
  <meta charset="UTF-8">
  <title>^^title-房源户型管理-列表</title>

  <link rel="stylesheet" href="^^static_url/css/vendor.css">
  <link rel="stylesheet" href="^^static_url/css/1m2.css">
  <style>
    #house-info {
      background: #fff;
      display: -webkit-flex; /* Safari */
      display: flex;
      justify-content: space-around;
      width: 100%;
      padding: 10px 20px;
    }

    .info-container {
      margin: 10px;
      font-size: 20px;
    }

    #house-info .title-body {
      margin-left: 15px;
    }

    #house-info .title-container {
      font-size: 18px;
      font-weight: bold;
    }

    #house-info > div {
      min-width: 22%;
      display: -webkit-flex; /* Safari */
      display: flex;
      align-items: center;
    }

    #house-info > div > .iconfont {
      font-size: 60px;
      float: left;
    }

    .change-btn {
      margin: 10px 0;
    }

    #table {
      background: #fff;
      display: flex;
      display: -moz-box;
      justify-content: flex-start;
      flex-wrap: nowrap;
      overflow-x: scroll;
    }

    #table .mark-remove {
      background: #ccc;
    }

    #table .edit-class-floor {
      background: #ccc;
    }

    .status-position {
      position: relative;
      cursor: pointer;
    }

    .table-container {
      margin-bottom: 0;
      max-width: 310px;
      min-width: 25%;
    }

    #roof-beam {
      margin: 10px 0;
    }

    #roof-beam .roof-list {
      display: -webkit-flex; /* Safari */
      display: flex;
      justify-content: flex-start;
    }

    #roof-beam .roof-list div {
      border: 1px solid black;
      padding: 10px;
    }

    .active-blue {
      background: #939393;
    }

    .btn-border {
      border: 1px solid;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }

    .row {
      width: 100%;
      display: flex;
      justify-content: space-around;
    }

    .row div {
      width: 50%;
      text-align: left;
    }

    .row .first {
      width: 20%;
    }

    #table .status-position span {
      position: absolute;
      right: 4px;
      top: 4px;
      color: skyblue;
    }

    .sta-red {
      color: red;
    }

    .sta-green {
      color: green;
    }

    .sta-blue {
      color: skyblue;
    }

    .sta-yellow{
      color: yellow;
    }

    #modal-info .modal-body {
      padding: 10px 50px;
    }

    #modal-info .modal-body span {
      display: inline-block;
      margin-left: 10px;
      font-weight: 500;
    }

    #myModal .modal-body .span-title {
      display: inline-block;
      text-align: right;
      min-width: 100px;
      padding-right: 10px;
    }

    #myModal .modal-body #edit-id {
      margin-left: 100px;
    }

    #boot-page-nav .page-nav-active {
      background: #eee;
      /*color: red;*/
    }

    .page-nav-active {
      background: #eee;
    }
  </style>
</head>
<body>
@@include('header.html')
@@include('menu.html')
<div class="content-wrap">
  <div id="house-info">
    <div class="name">
      <i class="iconfont icon-loupanguanli"></i>
      <div class="title-body">
        <div class="title">楼盘名称：</div>
        <div class="title-container" id="edit-buildName"></div>
      </div>
    </div>
    <div class="house-num">
      <i class="iconfont icon-shouqianshujuguanli"></i>
      <div class="title-body">
        <div class="title">房源总数：</div>
        <div class="title-container" id="edit-hsBuildNum"></div>
      </div>
    </div>
    <div class="sold-num">
      <i class="iconfont icon-feiyongtongji"></i>
      <div class="title-body">
        <div class="title">已售套数：</div>
        <div class="title-container" id="edit-hsSoldNum"></div>
      </div>
    </div>
    <div class="overage">
      <i class="iconfont icon-kaifashangfangkexinxi"></i>
      <div class="title-body">
        <div class="title">剩余套数：</div>
        <div class="title-container" id="edit-remain"></div>
      </div>
    </div>
  </div>
  <div class="change-btn">
    <div class="btn btn-primary">房源管理</div>
    <div class="btn btn-border">户型管理</div>
  </div>
  <div id="roof-beam">
    <div class="roof-list">
    </div>
  </div>
  <div id="table">
  </div>
  <div id="boot-page-nav">
    <!--<div id="page-nav">-->
    <!--每页内容数-->
    <!--<input id="current-page" type="number" value="5">-->
    <!--<button id="set-current-page">page size</button>-->
    <!--</div>-->
  </div>
</div>
@@include('footer.html')

</body>
<script src="^^static_url/js/vendor.js"></script>
<script src="^^static_url/js/houseTypeManage_house.js"></script>
</html>